/*创建动画*/
/*1.慢慢的显示*/

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	50% {
		opacity: .5;
	}
	100% {
		opacity: 1;
	}
}
/*先放大后缩小*/
@-webkit-keyframes scaleSmallAdnMax {
	0% {
		transform: scale(1);
	}
	25% {
		transform: scale(0.5);
	}
	50% {
		transform: scale(1);
	}
	75% {
		opacity: scale(1.5);
	}
	100% {
		transform: scale(1);
	}
}
/*掉落*/
@-webkit-keyframes diaoluo {
	0% {
		transform: translateY(-200%);
	}
	25% {
	transform: translateY(-75%);
	}
	50% {
		transform: translateY(-50%);
	}
	75% {
		transform: translateY(-25%);
	}
	100% {
		transform: translateY(0);
	}
}
/*掉落*/
@-webkit-keyframes moveLeftAndRight {
	0% {
		transform: translateX(-50%);
	}
	25% {
	transform: translateX(50%);
	}
	50% {
		transform: translateX(-25%);
	}
	75% {
		transform: translateX(25%);
	}
	100% {
		transform: translateX(0%);
	}
}
/*左边飞入*/
@-webkit-keyframes LeftIn {
	
	0% {
		transform: translateX(-200%);
		
	}	
	20% {
		transform: translateX(-100%);
		
	}	
	40% {
		transform: translateX(-60%);
		
	}	
	60% {
		transform: translateX(-40%);
		
	}	
	80% {
		transform: translateX(-20%);
		
	}	
	100% {
		transform: translateX(0%);
		
	}	
	
}
/*添加动画*/

.page01 img:first-child,
.page01 img:nth-child(3) {
	animation: fadeIn 2s ease-out forwards;
	-webkit-animation: fadeIn 2s ease-out forwards;
}
.page01 img:nth-child(2) {
	animation: scaleSmallAdnMax 2s ease-out forwards;
	-webkit-animation: scaleSmallAdnMax 2s ease-out forwards;
}
/*page02动画*/
.page02 img:first-child{
	animation: fadeIn 2s ease-out forwards;
	-webkit-animation: fadeIn 2s ease-out forwards;
}
.page02 img:nth-child(2) {
	animation: diaoluo 1s  linear forwards ;
	-webkit-animation: diaoluo 1s linear forwards;
}
.page02 img:nth-child(3) {
	/*animation: moveLeftAndRight 1s  linear forwards alternate-reverse ;*/
	-webkit-animation: moveLeftAndRight 2s  linear  forwards;
}
/**/